html{background:#fff;}
body{margin:0;padding:0;color:#606060;font-size:12px;font-family:"Microsoft Yahei", "\5B8B \4F53 ";line-height:1.7em;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bvn, .bvn * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.nobvn, .nobvn * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, th, article, aside, dialog, figure, footer, header, hgroup, nav, section,input{font-family:"Microsoft Yahei", "\5B8B \4F53 ";margin: 0; padding: 0; border: 0;}
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; font-size: inherit; }
p{margin:0;padding:0;}
a{color:#606060;text-decoration:none;}
a:hover{ color:#ff8106;  text-decoration:none;}
.a_pinky{color:#d71248;}
img{border:none;}
ul,li,dl,dd,dt,form{padding:0;margin:0;list-style:none; overflow:visible; }
form,strong{padding:0;margin:0;list-style:none;}
input{color:#606060;}
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
/* 共用 */
.index_row,.content{margin:0 auto;clear:both;overflow:hidden;}
.list_banner{ clear:both; overflow:hidden; overflow:hidden; border-bottom:2px solid #fff;}
/* img, li { vertical-align: top; } */
.fl { float: left !important; }
.fr { float: right !important; }
.pd10{padding: 10px;}
select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
/* 首页头部样式 */
.page_header{width:1135px;margin:0 auto;clear:both;overflow:hidden;position:relative;z-index:1000;}
.logo,.hotsearch,.promise_icons{float:left;}
.hotsearch{display:inline;width:530px;padding-left:30px;}
.hotsearch,.promise_icons{float:left;margin-top:18px;display:inline;}
.hotsearch_words,a.hotsearch_submit,.promise_icons{background:url(bsbj25.png) no-repeat;display:block;}
a.hotsearch_submit{display:inline-block;float:left;width:93px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight:700;background-position:0 -100px;text-indent:36px;}
a.hotsearch_submit:hover{background-position:0 -135px;text-decoration:none; color:#FFF}
.hotsearch_words{float:left;width:385px;height:28px;border:none;background-position:0 -70px;line-height:28px;text-indent:6px; padding:0;display:inline;}
.hotwords{clear:both;}
#search{float:left;margin-top:35px;position:relative;z-index:11;width:570px;}
#search .form{height:36px;width:99%}
#search .text{border-color:#3f89de;border-style:solid;border-width:2px 0 2px 2px;color:#666;float:left;font-family:"microsoft yahei";font-size:14px;line-height:24px;margin-bottom:8px;outline:0 none;/* padding:7px; */height: 35px;width:75%}
#search .button{background:#3f89de none repeat scroll 0 0;border:medium none;color:#fff;cursor:pointer;float:left;font-family:"Microsoft YaHei";font-size:16px;height:35px;line-height:1;width:22%}
#search .cw-icon i{height:36px;left:0;top:0;width:23%}
.promise_icons{width:70px;text-align:center;padding-top:43px;text-align:center; overflow:hidden;display:inline;}
.freeship{margin-left:40px;display:inline;background-position:-5px -2px;}
.days7{width:56px;background-position:-10px -70px;vertical-align:middle;}
.zhengpin{width:55px;background-position:-115px -1px;vertical-align:middle;}
.fapiao{width:67px;background-position:-108px -68px;vertical-align:middle;}
.fuwukg{float:left;display: inline;overflow: hidden;padding-top: 26px;text-align: center;width: 10px;}
.fuwu_baozhang{display: inline;float: right;padding-right: 10px;margin-top:16px;}
/* 菜单栏目 */
.mainmenu{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.action{display:inline}
.no-action{display:none}
.bar_menu,.mainbanner{width:100%;clear:both;overflow:hidden;}
.online_service,.hot_line{background:url(51653862e484357e170000d2.png) no-repeat;_background:url(51653862e484357e170000d3.png) no-repeat ;}
.menu_product_item_active .menu_product_list{display:block;}
.mainmenu{position:relative;width:1012px; overflow:visible;z-index:9;clear:both;}
.mainmenu_channel{ position:absolute; left:203px; top:0; z-index:10;}
a.channelitem{float:left;position:relative;margin-top:7px;display:inline-block;height:31px;line-height:31px;padding:0 22px;color:#fff;font-weight:700;font-size:14px;background-position:-220px -300px;}
a.channelitem:hover{text-decoration:none;background-position:-220px -340px;color:#ff8106;  }
.bar_menu{overflow:visible;background: #3f89de;height:45px;}
.menu_product{position:absolute;top:1px;left:0;width:203px; z-index:9999; display:block; overflow:visible;}
.menu_product_title:link,.menu_product_title:visited{display:block;width:203px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:15px;font-weight:700;}
.menu_product_category{float:left;width:193px;height:454px;margin-left:6px;border-right:1px solid #e8e8ea;border-left:1px solid #e8e8ea;background: url(//game.gtimg.cn/images/lol/v3/dark60-bg-repeat.png) repeat;zoom:1;/* display:inline; */}
.menu_product_first{width:192px;float:left;border-right:1px solid #bcbbc0;height:8px;overflow:hidden;display:inline;}
.menu_product_item{background:url(50c15ece07fd0f3407000080.png) no-repeat;display:block;}
.menu_product_item{width:192px;height:49px;float:left;border-right:1px solid #bcbbc0;position:relative;background-position:-889px 0;display:inline;}
.menu_product_item_active{background-color:#3f89de;background-position:-889px -51px;left:0;width:193px;border-bottom:1px solid #c5c5c5;border-top:1px solid #c5c5c5;border-right:none;margin-top:-1px;}
a.menu_product_item1,a.menu_product_item2,a.menu_product_item3,
a.menu_product_item4,a.menu_product_item5,a.menu_product_item6{display:block;width:192px;height:49px;overflow:hidden;background-position:-690px 0;line-height:49px;font-weight:700;font-size:13px;text-indent:18px;color:#fff;text-decoration:none;}
a.menu_product_item1:hover,a.menu_product_item2:hover,a.menu_product_item3:hover,
a.menu_product_item4:hover,a.menu_product_item5:hover,a.menu_product_item6:hover{text-decoration:none;color:#fff;}
a.menu_product_item1{background-position:-690px 0;}
a.menu_product_item2{background-position:-690px -50px;}
a.menu_product_item3{background-position:-690px -100px;}
a.menu_product_item4{background-position:-690px -150px;}
a.menu_product_item5{background-position:-690px -200px;}
a.menu_product_item61{background-position:-690px -250px;}
.menu_product_list{position:absolute;z-index:2;left:193px;top:-1px;width:960px;background:#fff;border:1px solid #bcbbc0; border-left:none;display:none;}
.menu_product_items{float:left;margin:20px 40px;/* width:340px;  */display:inline;}
.menu_product_line3{float:left;border-bottom:1px solid #e5e5e5;padding:8px 0;overflow:hidden;display:inline;}
.menu_product_items dt{float:left;width:80px;font-weight:700;display:inline;}
.menu_product_items dt a,.menu_product_items dt a:hover{color:#202020;}
.menu_product_items dd{float:left;width:930px;display:inline;}
.menu_product_items dd a{line-height:25px;padding:5px 12px;height:auto;float:left; overflow:hidden;font-weight:bold;}
.menu_product .prolist li { float: left; width: 33.333%; border: 1px solid #ddd; border-width: 1px 0 0 1px; text-align: center; }
.menu_product .prolist a { display: block; font-size: 14px; line-height: 26px; height: 260px; padding-top: 15px; }
.menu_product .prolist img { display: block; margin: 0px auto 0; opacity: 1; transform: scale(1, 1); }
.menu_product .prolist a:hover img { display: block; margin: 0px auto 0; opacity: 0.95; transform: scale(1.1, 1.1); }
.menu_product .prolist a h3 { color: #333; padding-top: 5px; }
.menu_contact{clear:both;width:100%;background:#e5e5e5 url(50c6af2ea103a7a55c00005c.png) left top no-repeat;text-indent:30px;}
.hot_line{color:#202020;display:inline-block;height:50px;line-height:50px;background-position:-195px 14px;text-indent:30px;overflow:hidden;font-weight:bold;font-size:16px;}
.online_service{color:#202020;display:inline-block;height:50px;line-height:50px;background-position:5px 15px;text-indent:30px;overflow:hidden;font-weight:bold;font-size:16px;margin-left:30px;}
.online_service:hover{background-position:5px -35px;}
.price{color:#d71249;font-size:18px;font-weight:700;font-family:tahoma, arial, 宋体, sans-serif;line-height:2em;}
/*首页css图片自动翻页*/

.scale {padding:3px 0 3px 3px;overflow: hidden;}
.scale img {opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }

/* 首页幻灯片 */
.c-banner{width:100%;position:relative}
.c-banner img{width:100%}
.c-banner .banner ul{list-style:none;padding-left:0;margin-bottom:0}
.c-banner .banner ul li{position:absolute display: none;opacity:0}
.c-banner .banner ul li:nth-child(1){opacity:1;display:block}
.c-banner .banner ul li img{width:100%;position:absolute;top:0}
.c-banner .banner ul li:first-child img{position:relative}
.c-banner .nexImg,.c-banner .preImg{padding:25px 10px 25px 10px;position:absolute;top:50%;margin-top:-53px;background:#000;opacity:.5;border-radius:5px;z-index:10}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity:.8}
.c-banner .nexImg{right:0}
.c-banner .jumpBtn{width:100%;position:absolute;bottom:20px;text-align:center}
.c-banner .jumpBtn ul{margin-bottom:0;padding:0}
.c-banner .jumpBtn ul li{width:15px;height:15px;border-radius:50%;display:inline-block;background-color:#fff;opacity:.9;margin-left:10px}
.c-banner .jumpBtn ul li:first-child{margin-left:0}
@media screen and (max-width:768px){.c-banner{width:100%;height:345px;overflow:hidden}
.c-banner .banner ul li img{width:768px;height:345px;position:absolute;left:50%;margin-left:-384px}
}
/* 首页推荐产品 */
.tuiMtile {padding: 60px 0 40px;background: url(titleLine.png) no-repeat 50% 130px; text-align: center; }
.tuiMtile h2 { font-size: 30px; font-weight: bold; line-height: 1; color: #333; }
.tuiMtile span { font-size: 14px; color: #999; font-family: "Arial"; display: block; height: 40px; line-height: 30px; text-transform: uppercase; }
.js_lazybox{ padding: 0 80px 25px; max-width: 1920px; margin: 0 auto;}
.js_lazybox ul { margin: 0 -20px; }
.js_lazybox li { float: left; width: 25%; padding: 0 20px 35px; }
.js_lazybox a { display: block; text-align: center; line-height: 1; }
.js_lazybox .tabbox_index_product{float:left;border:1px solid #CCC;}
.js_lazybox .tabbox_index_proImg { overflow: hidden; }
.js_lazybox .tabbox_index_proImg img { width: 100%; }
.tabbox_index_proTitle{text-align: center;height:60px;line-height:20px;padding:20px 5px; overflow:hidden;font-size: 18px; color: #333;}
.tabbox_index_proTitle a:hover{ color: #006edd; }
/* 内页产品列表 */

.ProductList-bg{ height:254px; background:#fff url("https://cshnkj-static.hooning.cn/image/pro_banner_5.jpg") no-repeat center;}
.con {max-width: 1380px; margin: 0 auto; }

.MainProductList { max-width: 1920px; margin: 0 auto; }
.MainProductList ul { margin: 0 -20px; }
.MainProductList li { float: left; width: 25%; padding: 0 20px 35px; }
.MainProductList ul { margin: 0 -5px; padding-bottom: 10px; }
.MainProductList li a { background: #fff; padding: 0 0 15px; border-radius: 5px; overflow: hidden; }
.MainProductList li img{width: 90%;height:80%;}
.MainProductList a p { font-size: 18px; color: #333; padding: 20px 15px 0; height:50px;}
.MainProductList a:hover p { color: #ff8106; }
.ProductBcrumbs{border-bottom:2px solid #ff8106; line-height: 48px; color:#666; margin-top:5px;font-size: 16px;font-weight:800;}/*新版面包屑导航*/
.ProductList{margin: auto;width: 100%;}
.ProductList ul { margin: 0 -5px; padding-bottom: 10px; }
.ProductList li { width: 33.333%; padding: 15px 5px 30px; }
.ProductList li a { background: #fff; padding: 0 0 15px; border-radius: 5px; overflow: hidden; }
/* 内页产品详情 */
.detail{ width:1030px; margin:0 auto;}
.detail:after{content:".";display: block;height: 0;clear:both;visibility: hidden}
.ProTreeSideBar { width: 260px; float: left; background: #fff; min-height: 300px; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; }
.ProTreeSideBar .title { background: url(https://www.cshnkj.com/style/bjt90.jpg) repeat-x 0 bottom #fff; text-align: center; line-height: 52px; font-size: 28px; color: #337fe0; font-family: "Arial"; position: relative; text-indent: -99999px; }
.ProTreeSideBar .title strong { display: block; position: absolute; left: 0; top: 0; width: 100%; color: #333; font-size: 20px; text-indent: 0; font-weight: normal; }
.ProTreeSideBar ul { padding: 0; }
.ProTreeSideBar li.m { max-height: 400px; transition: max-height 0.5s; overflow: hidden; }
.ProTreeSideBar a.hd {/* height: 40px; */ border: 1px solid #ddd; border-width: 1px 0 0 0; display: block; line-height: 50px; font-size: 16px; color: #333; text-indent: 40px; }
.ProTreeSideBar .hdBox { position: relative; }
.ProTreeSideBar .hdBox i { width: 20px; height: 20px; border-radius: 100%;/* background: #ddd; */ color: #ddd; text-align: center; line-height: 24px; text-indent: 0; position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 16px; overflow: hidden; font-weight: bold; cursor: pointer; }
.ProTreeSideBar .on a.hd { color: #006edd; border-color: #006edd; background: #006edd; color: #fff!important; }
.ProTreeSideBar .on .hdBox i { background: #006edd }
.ProTreeSideBar a.hd:hover { color: #006edd;/* border-color: #006edd */ }
.ProTreeSideBar .hdBox:hover i { background: #006edd }
.ProTreeSideBar .sub { padding: 5px 0 5px 40px; border-top: 1px solid #ddd; }
.ProTreeSideBar .sub li { }
.ProTreeSideBar .sub a { font-size: 14px; color: #666; line-height: 30px; padding: 0 0 0 15px; height: 30px; display: block; }
.ProTreeSideBar .sub a:before { content: ''; width: 6px; height: 6px; border: 1px solid #ddd; float: left; margin-left: -15px; margin-top: 11px; border-radius: 6px; }
.ProTreeSideBar .sub a:hover, .ProTreeSideBar .sub a:hover:before, .ProTreeSideBar .sub li.on a, .ProTreeSideBar .sub li.on a:before { color: #006edd; border-color: #006edd }
.ProTreeSideBar li.m.close { max-height: 54px; }
.ProTreeSideBar li.m.close .hdBox i { transform: rotate(-90deg); }

.confr{ width:750px; margin-bottom:30px; border-bottom:1px solid #ddd; float:right}
.confr h2{ line-height:54px; margin-bottom:5px; font-family:"微软雅黑"; font-size:18px; font-weight:bold; text-indent:2px; color:#ff8106;}
.mbx{ border-bottom:2px solid #ff8106; line-height:36px; text-align:right; color:#666; margin-top:5px;}/*老版面包屑导航*/
.fl-product{zoom:1;}
.fl-product:after{display:block;clear:both;height:0;content:"\0020";}
.Product-contact{margin-bottom: 10px;background-color:#fff; border-top:1px #c4c0bc dotted; border-bottom:1px #c4c0bc dotted; height:70px;}
.Product-contact .c_icon{float:left;padding-left:14px;background:#fff url(../images/Product-contactus.png) no-repeat;width:112px;height:70px}
.phones-num-wrap{float:left;padding-left:5px;max-width:185px}
.phones-num-wrap table td{height:70px}
.phones-num-wrap span{font-family:Sylfaen,Arial;font-size:21px;color:#d10504;display:block;line-height:1;margin-top:2px}
.Product-contacts{display:inline-block; margin-left:10px;padding-top:14px; max-width:120px}
.ProductShow{ width:705px; overflow:hidden; overflow:hidden;}
.ProductShow ul{ width:800px; display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.ProductShow li{ width:218px; height:231px; padding-bottom:2px; float:left; background:#f9f9f9 url(../images/Product_04.jpg) no-repeat bottom; margin:0 24px 40px 0;}
.ProductShow li span{ height:230px; border:1px solid #dddddd; border-bottom:none; display:block;}
.ProductShow li p{ line-height:23px; height:108px; width:200px; padding:0 10px; display:block; overflow:hidden; font-weight: normal;}
.ProductShow li a:hover{ color:#ff8106;}
.Pro_title{ line-height:30px;  font-weight:bold; color:#333;}
.Pro_title span{ float:right; font-weight:normal; color:#999;}
.Pro_title h1{width:700px;height:28px;font-size:16px;color:#333;font-weight:bold;line-height:28px;overflow:hidden}
.Pro-shorttitle{width:666px;font-size:14px;color:#d8063a;font-weight:bold;line-height:22px}
.Pro_pic{ width:300px; height:300px; float:left; margin-right:15px; margin-bottom:30px;}
.Pro_par{ float:right; width:386px; margin-bottom:30px;}
.Pro_par dd ,.Pro_par dt{word-break:break-all; line-height:34px; background:#ededed; padding:0 10px;}
.Pro_par dt{ background:#f8f8f8;}
.fl-product{zoom:1;}
.fl-product:after{display:block;clear:both;height:0;content:"\0020";}
.Product-contact{margin-bottom: 10px;background-color:#fff; border-top:1px #c4c0bc dotted; border-bottom:1px #c4c0bc dotted; height:70px;}
.Product-contact .c_icon{float:left;padding-left:14px;background:#fff url(Product-contactus.png) no-repeat;width:112px;height:70px}
.Product-contacts{display:inline-block; margin-left:10px;padding-top:14px; max-width:120px}
.newsTtxt{ line-height:26px; font-size:12px; color:#666; padding-bottom:30px;}
h1{font-size:14px; font-weight:bold; color:#333333; text-align:center; line-height:32px;}
h3{
    font-family: 微软雅黑;
    text-indent: 78px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;
    border-bottom: 2px solid rgb(255, 129, 6);
    background: none 0px 0px repeat scroll rgba(255, 255, 255, 0.8) !important;
}
.newDate{line-height:18px; color:#999; margin-bottom:20px; text-align:center; font-weight:normal;}
.newsTtxt table tr td{border-top:solid 1px #eaeaea;line-height:18px;padding:6px 0;vertical-align:top}
/*分页*/
.yc_page{margin: auto;max-width: 1080px;width: 100%;}
.page { text-align: center; }
.yc_page li{ display: inline-block; margin: 0 5px; border: 1px solid #ddd; border-radius: 5px; padding: 0 13px; line-height: 34px;}

.yc_page li:hover { color:#ff8106;background: #fff;border-color: #ff8106;}
.yc_page li:active {border:#999 1px solid; color:#666;}

.yc_page .thisclass { border:#dedede 1px solid; background:#ff8106; font-weight:bold; color:#fff; margin:2px;}
.yc_page .disabled {color: #ddd; cursor: default; background: none; border-color: #ddd;}
.yc_page .table .tr .form .td li{height:22px; margin:0; } 
/* 树形菜单 */
@font-face { font-family: 'iconfont';  /* project id 398496 */ src: url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.eot'); src: url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.woff2') format('woff2'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.woff') format('woff'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.ttf') format('truetype'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }
.pro_list_con{padding: 0 0 0 280px;}
.TreeSideBar { width: 260px; float: left; margin-left: -280px; background: #fff; min-height: 300px; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; }
.TreeSideBar .title { background: url(https://www.cshnkj.com/style/bjt90.jpg) repeat-x 0 bottom #fff; text-align: center; line-height: 52px; font-size: 28px; color: #337fe0; font-family: "Arial"; position: relative; text-indent: -99999px; }
.TreeSideBar .title strong { display: block; position: absolute; left: 0; top: 0; width: 100%; color: #333; font-size: 20px; text-indent: 0; font-weight: normal; }
.TreeSideBar ul { padding: 0; }
.TreeSideBar li.m { max-height: 400px; transition: max-height 0.5s; overflow: hidden; }
.TreeSideBar a.hd {/* height: 40px; */ border: 1px solid #ddd; border-width: 1px 0 0 0; display: block; line-height: 50px; font-size: 16px; color: #333; text-indent: 40px; }
.TreeSideBar .hdBox { position: relative; }
.TreeSideBar .hdBox i { width: 20px; height: 20px; border-radius: 100%;/* background: #ddd; */ color: #ddd; text-align: center; line-height: 24px; text-indent: 0; position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 16px; overflow: hidden; font-weight: bold; cursor: pointer; }
.TreeSideBar .on a.hd { color: #006edd; border-color: #006edd; background: #006edd; color: #fff!important; }
.TreeSideBar .on .hdBox i { background: #006edd }
.TreeSideBar a.hd:hover { color: #006edd;/* border-color: #006edd */ }
.TreeSideBar .hdBox:hover i { background: #006edd }
.TreeSideBar .sub { padding: 5px 0 5px 40px; border-top: 1px solid #ddd; }
.TreeSideBar .sub li { }
.TreeSideBar .sub a { font-size: 14px; color: #666; line-height: 30px; padding: 0 0 0 15px; height: 30px; display: block; }
.TreeSideBar .sub a:before { content: ''; width: 6px; height: 6px; border: 1px solid #ddd; float: left; margin-left: -15px; margin-top: 11px; border-radius: 6px; }
.TreeSideBar .sub a:hover, .TreeSideBar .sub a:hover:before, .TreeSideBar .sub li.on a, .TreeSideBar .sub li.on a:before { color: #006edd; border-color: #006edd }
.TreeSideBar li.m.close { max-height: 54px; }
.TreeSideBar li.m.close .hdBox i { transform: rotate(-90deg); }
/* 威胜、华立等产品列表 */
.lykvWasion{height:450px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/brand_img/wasion_bn_list.jpg") no-repeat center;}
.lykvClou{height:450px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/brand_img/clou_bn_list.jpg") no-repeat center;}
.lykvLinyang{height:450px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/brand_img/linyang_bn_list.jpg") no-repeat center;}
.lykvHuali{height:450px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/brand_img/huali_bn_list.jpg") no-repeat center;}
.lykvHaixing{height:450px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/brand_img/haixing_bn_list.jpg") no-repeat center;}
.brand_info{border: 1px solid #e6e6e6;width:100%;margin-bottom:15px;padding: 10px 10px 0 10px;}
.brandShow{width:100%;margin-bottom:15px;}
.band_logo{ background-color: #f8f8f8;font-size: 14px;height: 50px;line-height:28px;overflow: hidden;}
.band_logo span{float: left;padding-right: 10px;}
.band_logo .brand-page-color{padding: 10px 0 0 5px;}
/* 首页新闻推荐 */
.index_News{ max-width: 1350px; margin: 0 auto; padding: 0 80px 5px;}
.index_Newsbox{ margin: 0 -10px;}
.ho_News{ float:left;width: 33.33%; padding: 0 20px 35px;}
.ho_News .title{ line-height:42px; text-indent:2px; font-family:"微软雅黑"; font-size:15px; font-weight:bold; color:#333;/* border-bottom: 2px solid #ff8106; */}
.ho_News .title span{ float:right; height:6px; margin-top:16px;}
/* .ho_News .title span a{ width:6px; height:6px; float:left; margin-right:4px; background:url(../images/news_01.gif) no-repeat;} */
.ho_News .ho_newsList li{ width:345px; border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px; float:left;}
.ho_News .ho_newsList h1{ width:235px; overflow:hidden; height:25px; font-weight:bold; font-size:12px; line-height:25px; float:left; font-weight:normal}
.ho_News .ho_newsList span{ float:right;font-size:12px; line-height:25px; }
/* 首页友情链接 */
.fr_Link{clear:both;padding: 30px 0 30px 80px;}
.flk{clear:both;overflow:auto;height:auto!important;min-height:60px;margin:0 auto 10px auto;border:1px solid #ddd;border-width:1px 0 0 0;}
.flk a{float:left;padding:8px 10px 0 0;}
/* 首页底部 */
.promise{width:100%;background:#EEE;margin:0 auto; clear:both;text-align:center;}
.footer{
    width: 100%;
    background-color: #323A45;
    padding-top: 70px;
}
.other-link{
    width: 1200px;
    margin: 0 auto;
}
.other-link>div{
    float: left;
}
.other-link .haoning-contact{
    float: right;
}
.link-look{
    width: 960px;
    padding-bottom: 45px;
}
.link-list{
    float: left;
    width: 20%;
}
.link-list .link-title{
    height: 45px;
    line-height: 20px;
    font-size: 20px;
    color: #ffffff;
}
.link-list ul li a{
    line-height: 33px;
    color: #ABACAF;
    font-size: 15px;
}
.link-list ul li a:hover{
    color: #FF6666;
}
.haoning-contact{
    width: 240px;
}
.bottom-logo{
    width: 132px;
    height: 38px;
}
.bottom-logo a{
    display: block;
    width: 100%;
    height: 100%;
    background: url("footer_sprite_img.png") no-repeat -151px -10px;
}
.haoning-companyname{
    height: 40px;
    line-height: 18px;
    font-size: 18px;
    color: #ffffff;
    margin-top: 25px;
}
.haoning-phone,.haoning-qq{
    height: 34px;
    line-height: 15px;
    font-size: 15px;
    color: #ABACAF;
}
.erweima-box{
    margin-top: 34px;
}
.erweima-box>div{
    float: left;
    width:100px;
}
.erweima-box>div:first-child{
    margin-right: 30px;
}
.wechat-erwei div:first-child,.phonenet-erwei div:first-child{
    height: 30px;
    line-height: 14px;
    font-size: 14px;
    color: #ABACAF;
}
.footer-bottom{
    height: 100px;
    text-align: center;
    padding-top: 27px;
    border-top:1px solid #42444B;
}
.footer-bottom p{
    line-height: 26px;
    font-size: 14px;
    color: #6C6E73;
}
.footer-bottom p span{
    margin-left: 17px;
}
.footer-bottom p span.police-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("footer_sprite_img.png") no-repeat -334px -170px;
    vertical-align: top;
}


.haoning_wechat,.haoning_web{
    width: 100%;
    height: 100px;
}
.haoning_web{
    background: url("footer_sprite_img.png") no-repeat -250px -206px;
}
.haoning_wechat{
    background: url("footer_sprite_img.png") no-repeat -360px -206px;
}
/** RightBar Start **/
.rightBar{ width:50px; position:fixed; right:10px; top:50%; margin-top:-190px; z-index:1100}
.rightBar .link{display:block;width:50px;height:50px;background:#222;margin:1px 0 0 0;position:relative;left:0;top:0;transition:all linear .2s; cursor: pointer;}
.rightBar .link .img{ display:block}
.rightBar .link .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; /*transition:all linear .2s*/}
.rightBar .link .lChi .ar{ display:block; position:absolute; right:10px; top:15px}
.rightBar .link .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../images/optBg.png) repeat;}
/*.rightBar .link:hover{ background:url(https://cache.haoning.com/www/images/hoverRtBarBg.jpg) repeat-y;}*/
.rightBar .link:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}
.rightBar .link:hover .wxgzh,.rightBar .link:hover .chis{ display:block}
.rightBar .first{ cursor:default; border-top-left-radius:4px; border-top-right-radius:4px;}
.rightBar .last{ border-bottom-left-radius:4px; border-bottom-right-radius:4px;}

.rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; background:url(https://cache.haoning.com/www/images/gzhEwm.png) no-repeat 0 0}

.rightBar .chis{display:none;padding:0 25px 0 0;width:378px;position:absolute;left: -380px;top:-50px;}
.rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(https://cache.haoning.com/www/images/arrIc.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}
.rightBar .cIns{border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 0 16px #dcdbdb;padding:15px 0 2px 0;}
.rightBar .csIn{ width:322px; margin:0 auto; position:relative; left:0; top:0; background:url(https://cache.haoning.com/www/images/lines.jpg) repeat-y center 0}
.rightBar .csIn .tt{display:block;height:20px;line-height:20px;font-size:16px;color:#333;text-align:left;font-weight:bold;}
.rightBar .csIn .row{height:48px;border-bottom:1px dashed #eee;text-align:left;font-size:0;width:170px;}
.rightBar .csIn .row .lt{ display:inline-block; *display:inline; zoom:1; line-height:48px; font-size:14px; color:#666; width:80px; text-align:left}
.rightBar .csIn .row .tf{width:120px}
.rightBar .csIn .row .qq{ cursor:pointer; display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url(https://cache.haoning.com/www/images/qqOn.jpg) no-repeat; position:relative; left:0; top:6px}
.rightBar .csIn .row .qq:hover{ background:url(../images/qqOn.jpg) no-repeat}
.rightBar .csIn .row .wx{ display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url(https://cache.yisu.com/www/images/wx.jpg) no-repeat; margin-left:18px; position:relative; left:0; top:6px}
.rightBar .csIn .row .wx:hover{ background:url(../images/wxOn.jpg) no-repeat}
.rightBar .csIn .col{width:140px;float:  left;}
.rightBar .mgt{ margin-top:8px}
.rightBar .first_ic{
    background: #222 url("footer_sprite_img.png") no-repeat -10px -206px;
}
.rightBar .first_ic:hover{
    background: #fe4435 url("footer_sprite_img.png") no-repeat -10px -206px;
}
.rightBar .second_ic{
    background: #222 url("footer_sprite_img.png") no-repeat -70px -206px;
}
.rightBar .second_ic:hover{
    background: #fe4435 url("footer_sprite_img.png") no-repeat -70px -206px;
}
.rightBar .third_ic{
    background: #222 url("footer_sprite_img.png") no-repeat -130px -206px;
}
.rightBar .third_ic:hover{
    background: #fe4435 url("footer_sprite_img.png") no-repeat -130px -206px;
}
.rightBar .fourth_ic{
    background: #222 url("footer_sprite_img.png") no-repeat -190px -206px;
}
.rightBar .fourth_ic:hover{
    background: #fe4435 url("footer_sprite_img.png") no-repeat -190px -206px;
}

/*-------------- 新版qq联系方式 start  ---------------*/
.customer_service {
    position: absolute;
    left: -380px;
    top: -50px;
    width: 380px;
    padding-right: 26px;
    display: none;
}
.service_content {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px #dcdbdb;
    -moz-box-shadow: 0 0 16px #dcdbdb;
    -o-box-shadow: 0 0 16px #dcdbdb;
    box-shadow: 0 0 16px #dcdbdb;
}
.servicebox {
    position: relative;
    width: 100%;
    padding-top: 14px;
}
.servicebox > .arrow {
    position: absolute;
    right: -16px;
    top: 72px;
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-left-color: #DBE1E8;
}
.servicebox > .arrow::before {
    position: absolute;
    left: -8px;
    top: -7px;
    content: "";
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    border-left-color: #fff;
}
.servicebox > .title {
    line-height: 22px;
    font-size: 16px;
    color: #4D535B;
    padding-left: 20px;
}
.service_list > .row {
    float: left;
}
.service_list > .row,
.after_sale > .row {
    width: 50%;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #4D535B;
    text-align: center;
}
.service_list > .row > span,
.after_sale > .row > span,
.service_list > .row > a,
.after_sale > .row > a {
    display: inline-block;
    vertical-align: middle;
}
.service_list > .row > span,
.after_sale > .row > span {
    margin-right: 60px;
}
.after_sale > .row span {
    margin-right: 16px;
}
.after_sale {
    padding: 0px 20px;
}
.after_sale > .title {
    line-height: 18px;
    font-size: 16px;
    color: #4D535B;
    padding-top: 16px;
    border-top: 1px solid #F0F2F5;
}
.after_sale > .arrow {
    width: 50%;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #4D535B;
    text-align: center;
}
.after_sale > .arrow > span,
.after_sale > .arrow > a {
    display: inline-block;
}
.after_sale > .arrow > span {
    margin-right: 60px;
}
.bottom_text {
    line-height: 42px;
    font-size: 14px;
    color: #9EA7B3;
    padding-left: 20px;
    padding-bottom: 5px;
}
.bottom_text > div {
    display: inline-block;
    width: 19px;
    height: 14px;
    background: url(https://cache.yisu.com/www/images/haoning_s_icon.png) no-repeat center;
    margin: 0px 3px;
    vertical-align: middle;
}
.bottom_text > span {
    color: #2D3037;
    margin-right: 3px;
}
/*-------------- 新版qq联系方式 end    ---------------*/
/* 新闻详情页面 */
.News-bg{height:254px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/image/banner_13.jpg") no-repeat center;}
.navfl{ width:250px; margin-top:1px; float:left}
.navfl:after{content:".";display: block;height: 0;clear:both;visibility: hidden}
.navfl h1{ font-family:"微软雅黑"; text-indent:78px; color:#333; font-weight:bold; font-size:18px; line-height:40px; border-bottom:2px solid #ff8106;background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; filter:alpha(opacity=80); background:#fff; }
.navfl li{border-bottom:1px solid #ddd;}
.navfl li a{width:156px; line-height:40px; font-family:"微软雅黑"; color:#555555; font-size:14px; display:block; padding-left:2px; background:url(../images/about_04.gif) no-repeat 19px 18px;}
.navfl li a:hover{}
.navfl li a.hover{ font-weight:bold; }
.navfl span{ padding-bottom:10px; display:block;}
.navfl span a{ line-height:30px; font-size:12px; padding-left:48px; background-position:37px 12px;}
.newsDetail{ border-bottom:none; margin-bottom:0;}
.N_OnNext{ line-height:36px; color:#666; margin-bottom:30px; border-top:1px solid #ddd; text-align:right;}
.N_OnNext a{ margin:0 10px; color:#666;}
.N_OnNext a:hover{ color:#ff8106;}
.news_List{}
.news_List li{ padding:15px 0; border-bottom:1px solid #ddd; display:block; overflow:hidden; color:#666;}
.news_List li b{ width:172px; float:left; text-indent:4px;}
.news_List li span{ width:364px; float:left; line-height:18px;}
.news_List li i{ float:right; margin-top:4px; margin-right:25px;}
/* 抄表系统 */
.detail_chaobiao{ width:1330px; margin:0 auto;}
.detail_chaobiao:after{content:".";display: block;height: 0;clear:both;visibility: hidden}
.Chaobiao_bg{height:846px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/brand_img/chaobiao_pro_list.jpg") no-repeat center;}
.chaobiaolist {position: relative;z-index: 2;margin-top: 80px;margin-bottom: 20px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);padding: 20px 8px;}
.chaobiaolist ul{}
.chaobiaolist li { float: left; width: 50%; padding: 0 12px 0; }
.chaobiaolist li a { display: block; background: #fff;text-align:center; line-height: 1; font-size: 16px; padding: 0px 0 30px 0; overflow: hidden; }
.chaobiaolist li a h3 { font-size: 20px; color: #333; font-weight: bold; padding: 20px 0 10px; text-indent: 20px; }
.chaobiaolist li a span { color: #006edd; text-indent: 20px; display: inline-block; line-height: 1; }
.chaobiaolist li a img { }
.chaobiaolist li a .pic {overflow: hidden;border-radius: 5px;}
.chaobiaolist li a:hover h3, .chaobiaolist li a:hover p { color: #006edd; }
/* 联系我们 */
.ContactUs_bg{height:254px; background:#fbfbfb url("https://cshnkj-static.hooning.cn/image/banner_20.jpg") no-repeat center;}
.ho_contactText{ line-height:22px;}
.ho_contactText img{ margin:10px 0; margin-top:5px;}
/* 联系QQ */
.lianxi_qq{padding-left: 5px;}
.lianxi_qq strong{list-style: outside none none;margin: 0;padding: 0;}
.lianxi_qq a{color: #555555;font-size: 14px}
.lianxi_qq img{margin: 5px 0 0 0;}